<template>
    <div ref="kkx">
        <input ref="input"></input>
        <button @click="log">打印实例</button>
    </div>
</template>
<script setup>
import { ref, onMounted } from 'vue'

// 声明一个 ref 来存放该元素的引用
// 必须和模板里的 ref 同名
const input = ref(null)
const kkx=ref(null)
function log() {
    console.log(input);
    console.log(input.value.value);
    console.log(kkx.value);
}
onMounted(() => {
  input.value.focus()
  console.log(input.value.value);
})
</script>
  